<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>加速器放置 | Idle Accelerator</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #333;
      }
      canvas {
        width: 960px; height: 600px; position: absolute;
      }
      div#loadingBox {
        width: 100%; height: 20px; position: absolute;
        top: 50%; margin-top: -10px; text-align: center;
      }
      div#bgBar {
        display: none; position: absolute;
        width: 200px; margin-left: -100px;
        left: 50%;
        height: 2px;
        background-color: #FFF;
        border-radius: 2px;
      }
      div#progressBar {
        display: none;
        left: 50%;
        position: absolute;
        margin-left: -100px;
        width: 0px;
        height: 2px;
        background-color: #990000;
        border-radius: 2px;
      }
      p#loadingInfo {
        color: #FFF;
        letter-spacing: 1px;
        position: absolute;
        width: 100%;
        font-family: "Monaco", sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-size: 8px;
        margin-top: 10px;
      }
      div#spinner {
        position: absolute;
        height: 2px;
        left: 50%;
        margin-left: -100px;
        width: 200px;
        position: relative;
        overflow: hidden;
        background-color: #FFF;
      }
      div#spinner:before{
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: #990000;
        animation: loading 2s linear infinite;
      }
      @keyframes loading {
        from {left: -50%; width: 30%;}
        50% {width: 30%;}
        70% {width: 70%;}
        80% { left: 50%;}
        95% {left: 120%;}
        to {left: 100%;}
      }

  
       button {
        background-color: white;
        border: none;
        color: black;
        padding: 10px;
        margin: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
    }
     
    div#inputOverlay{
      text-align:center;
      margin:0;
      padding:10px;
      width:100%;
      height:100%;
      background-color:rgba(0, 0, 0, 0.9);
      z-index: 1;
      position: fixed;
    }
     
    textArea{
      width:600px;
      height:200px;
      padding:5px;
      margin:10px;
    }


    </style>

    <script type='text/javascript'>
      function UnityProgress (dom) {
        this.progress = 0.0;
        this.message = "";
        this.dom = dom;
        var parent = dom.parentNode;
        this.SetProgress = function (progress) {
          if (this.progress < progress)
            this.progress = progress;
          if (progress > 0) {
            document.getElementById("spinner").style.display = "none";
            document.getElementById("bgBar").style.display = "block";
            document.getElementById("progressBar").style.display = "inherit";
          }
          if (progress == 1) {
            document.getElementById("spinner").style.display = "inherit";
            document.getElementById("bgBar").style.display = "none";
            document.getElementById("progressBar").style.display = "none";
          }
          this.Update();
        }
        this.SetMessage = function (message) {
          if(!message || message.length == 0 && this.progress > 0) {
            this.SetProgress(1);
            return;
          }
          this.message = message;
          this.Update();
        }
        this.Clear = function() {
          document.getElementById("loadingBox").style.display = "none";
        }
        this.Update = function() {
          var length = 200 * Math.min(this.progress, 1);
          bar = document.getElementById("progressBar")
          bar.style.width = length + "px";
          document.getElementById("loadingInfo").innerHTML = this.message;
        }
        this.Update();
      }
    </script>
    <script src='kongregate_api.js'>
    </script>
  </head>
  <body>
    <canvas class="emscripten" id="canvas"
	    oncontextmenu="event.preventDefault()"></canvas>
    <div id="loadingBox">
      <div id="spinner"></div>
      <div id="bgBar"></div>
      <div id="progressBar"></div>
      <p id="loadingInfo">Loading...</p>
    </div>
    <script type='text/javascript'>
  var Module = {
    TOTAL_MEMORY: 268435456,
    errorhandler: null,			// arguments: err, url, line. This function must return 'true' if the error is handled, otherwise 'false'
    compatibilitycheck: null,
    backgroundColor: "#000000",
    splashStyle: "Light",
    dataUrl: "Release/IdleAcceleratorBuild.data",
    codeUrl: "Release/IdleAcceleratorBuild.js",
    asmUrl: "Release/IdleAcceleratorBuild.asm.js",
    memUrl: "Release/IdleAcceleratorBuild.mem",
  };
</script>
<script src="Release/UnityLoader.js"></script>

  </body>
</html>
<!--客服 开始-->
<script src="//g8hh.com/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="//g8hh.com/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//g8hh.com/static/js/kf.js"></script>
<!-- 客服 结束 -->
<style>
    canvas{
        position: relative;
        margin: 30px auto;
        display: block;
    }
</style>
<!-- 客服 结束 -->
<!--站长统计-->
    <div style="display: none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?dbb7ff142f4d4b68546c93b9cd6e9328";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>